<template>
  <div class="notice">
    <h1 class="hosname">{{detailStore.hospitalDetail?.hospital.hosname}}预约挂号须知</h1>
    <div class="top">为方便您早日就医康复，请您认真阅读预约挂号须知：</div>
    <div class="info">
      <div class="tip">一. 预约实名制：</div>
      <div class="text">234234天3</div>
    </div>
    <div class="info">
      <div class="tip">二. 预约挂号：</div>
      <div class="text">234234天3</div>
    </div>
    <div class="info">
      <div class="tip">三. 取消预约：</div>
      <div class="text">234234天3</div>
    </div>

    <div class="info">
      <div class="tip">四. 爽约处理：</div>
      <div class="text">234234天3</div>
    </div>
  </div>
</template>
<script setup lang="ts">
import {ref} from 'vue'
import useDetailStore from "@/store/modules/hospitalDetail.ts";

const detailStore = useDetailStore()
</script>

<style scoped lang="scss">
.notice{
  .hosname{
    text-align: center;
    font-size: 25px;
  }
  .top{
    margin: 10px 0;
    color: #7f7f7f;
  }
  .info{
    color: #7f7f7f;
    .tip{
      color: red;
      font-weight: bold;
    }
    .text{
      margin: 10px 0;
      line-height: 25px;
    }
  }
}
</style>
